<div>
	<table class="layui-hide" id="salesManage" lay-filter="salesManageFilter"></table>
		<script type="text/html" id="barSalesManage">
			<a class="layui-btn layui-btn-normal" lay-event="dispatch">分配任务</a>
			<input type="hidden" id="txtChRole" value=" "/>
			<a class="layui-btn ayuiadmin-btn-useradmin" lay-event="add" style="margin-left: 10px;">新增</a>
			<a class="layui-btn  layui-btn-warm" lay-event="edit">修改</a>
			<a class="layui-btn layui-btn-danger " lay-event="del" >删除</a>
			<text style="font-size: 10px; color: #666666;">注：一次只能修改一条数据，一次性选择多条，默认修改第一条数据！</text>
			<div class="" style="float:right;">
			<input type="text" id="txtChName" autocomplete="off" placeholder="请输入查询项!" class="layui-input" 
			style="
			display: inline ; 
			height:38px; 
			width: 70%; 
			font-size: 14px;"/>
			<a id="btnSearch" class="layui-btn  layui-btn-gray" lay-event="search"  
			style="
			height: 38px; 
			line-height: 38px; 
			padding: 0 18px; 
			font-size:14px">搜索</a>
			</div>
		</script>
		<script type="text/html" id="asTask">
			<input type="text" name="task" value="{{d.id}}" >
		</script>
		
		<script> 
		var table = null;
		var distribute = null;
		var rowSale = null;//全局变量，传给customerupdate使用
			layui.use(['table','form','jquery'],function(){
				table = layui.table, $ = layui.jquery, form = layui.form;
				//画出表格框架
				table.render({
					elem:'#salesManage',  //整个table的id
					url:'http://localhost:8080/chance/getChanceList',
					cols:[[
						{checkbox:true},
						{field:'chState', width:80, title:'状态', sort: true,templet:function(row){
								   switch(row.chState){
								   	  			  case 0:
								   	  				return "未派遣"
								   	  				break
								   	  			  case 1:
								   	  				return "已派遣"
								   	  				break
								   }
						}},
						{field:'chRole',width:110,title:'任务接收者'},
						{field:'chName',width:150,title:'客户名称'},
						{field:'chContacts',width:80,title:'联系人'},
						{field:'chPhone',width:120,title:'联系电话'},
						{field:'chCreator',width:80,title:'创建人'},
						{field:'chCreationdate',width:120,title:'创建时间'},
						{field:'chAssigindate',width:120,title:'指派时间'},
						{field:'chNo',width:80,title:'营销ID'},
						{field:'chDescribed',title:'概要描述'},
					]],
					page:true,
					height:'full-160',
					limits:[10,20],
					limit:10,
					toolbar:'#barSalesManage',   // #id 的意思就是给表格添加自定义工具栏   
					defaultToolbar:[],    // 只要是添加了工具栏就会有右侧默认工具   不需要就这样写
					
				});
				//监听事件
				table.on('toolbar(salesManageFilter)', function(obj){
					var checkStatus = table.checkStatus(obj.config.id);
					switch(obj.event){
					  case 'dispatch':
					  	if(checkStatus.data.length<=0){//没选
						  layer.msg("请选择要修改的行");
					  	}else{
								//填写数据到弹窗（3-2）写进全局变量
					  	  rowSale = checkStatus.data[0]//全局变量
					  	  if(rowSale.chState== 0 ){
					  		  layer.open({//open方式页面时customerlist.html子窗口
					  		  	type: 2 //此处以iframe举例，inframe不属于index.html单页面
					  			,title: '派遣销售机会'
					  			,area: ['800px', '520px']
					  			,shade: 0.3//背景透明度0-1
					  			,maxmin: true//显示最大化最小化的按钮
					  			,offset: [ //居中显示窗口位置
									($(window).height()-520)/2,
									($(window).width()-800)/2
					  			] 
					  		  	,content: 'salesManage/chanceDispatch.html'//窗口里显示的页面，完整的页面引入css,js
					  		  	});
					  		  }else{
								layer.msg("已分配，如需请联系管理员！"); 
					  		  }
					  		}   
					  break;
					  case'add':
						layer.open({
							type:2,     
							title:'新增销售机会',
							area:['800px','520px'],
							maxmin:true,
							offset:[
								($(window).height()-520)/2, // 页面宽度-弹窗宽度 再/2 就是居中了   
								($(window).width()-800)/2   //  必须是先是高度    再是 宽度
							],
							content:'salesManage/chanceAdd.html',
						});
					  break;
					  case'del':  //需判断是未分配
					    if(checkStatus.data.length<=0){
					    	layer.msg("请选择要删除的行！")
					    }
						else{
							var k = 0;
							for(i=0; i<checkStatus.data.length; i++ ){ //判断所选择的全部记录里面是否存在分配项不为空的
								distribute = checkStatus.data[i].chRole;
								if(distribute != null && distribute != ''){
									k += 1;
									console.log(k);
									console.log(distribute);
								}
							}
							// debugger
							// distribute = checkStatus.data[0].chRole; //这样可以得到chRole的值
							if(k === 0){  //如果上一步得到K是0 说明选中的都是未分配的，即可以删除
							layer.confirm('确认要删除选中的客户吗?', {icon: 2, title:'提示'}, function(index){
							  //do something
							  var arrId=[]  //定义数组
							  for(var i=0; i<checkStatus.data.length; i++){
								  var chance = checkStatus.data[i]
								  arrId.push(chance.chNo) // 将ID装入数组
							  }
							  $.ajax({
							  	url:'http://localhost:8080/chance/delChance',
							  	type:'POST',
							  	dataType:'JSON',
							  	data:{
									ids:arrId.join(',') //他的值是以 , 隔开的字符串
									},
							  	success:function(backjson){
							  		table.reload('salesManage',{
										page:{
											  curr: 1 //重新从第 1 页开始
										  }});//现在在子页面，要在父页面刷新  要把table定义为全局变量
							  		layer.msg("删除成功！" )
									layer.msg(backjson.msg)//后台返回消息
							  	},//回调函数 
							  });
							  layer.close(index);
							});
							}else{
								layer.msg('您所选的项中含有已分配的销售机会，不能删除！')
							}
							return false;//阻止form提交刷新
						}
					  break;
					  case'edit': //需判断是否分配
					    if(checkStatus.data.length<= 0){
					    	layer.msg("请选择要修改的行！")
					    }  // 没有选中要修改的行
					    else{
							// debugger
							distribute = checkStatus.data[0].chRole; //这样可以得到chRole的值
							if(distribute === null || distribute === ''){
							// debugger
								row = checkStatus.data[0]  //如果选中多行 ，只取第一行数据
								// debugger
								layer.open({
									type:2,     
									title:'修改销售机会',
									area:['850px','500px'],
									maxmin:true,
									offset:[
										($(window).height()-500)/2, // 页面宽度-弹窗宽度 再/2 就是居中了   
										($(window).width()-850)/2   //  必须是先是高度    再是 宽度
									],
									content:'salesManage/chanceUpdata.html',
								});
								// debugger
							}else{
								layer.msg('该记录已分配不能修改！')
							}
					    };
					  break;
					  case'search':
						var key = $("#txtChName").val()
						table.reload('salesManage',{
										  where:{
											  chName:key,  //查询条件
											  // cusRegion:key,
											  // cusUrl:key,
										  },
										  page:{
											  curr: 1 //重新从第 1 页开始
										  }
						});
					  break;
					};
				});
			})
			
		</script>

</div>